<%@page import="java.util.Calendar" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%Calendar now = Calendar.getInstance();%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; utf-8">
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/Site.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/animation.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/bootstrap-theme.css"/>
    <link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/assets/css/bootstrap-theme.min.css"/>
    <script src="<%=request.getContextPath()%>/assets/js/jquery-1.10.2.js"></script>
    <script src="<%=request.getContextPath()%>/assets/js/jquery-1.10.2.min.js"></script>
    <!--     <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
         <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>-->
    <script type="text/javascript" src="<%=request.getContextPath()%>/assets/js/bootstrap.min.js"></script>
    <title>Insciption</title>
</head>
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="navbar j navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="<%=request.getContextPath()%>" lang="fr">Adventure Sports</a>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="<%=request.getContextPath()%>"><span class="glyphicon glyphicon-home">&nbsp;</span>Accueil
                    </a></li>
                    <li><a href="#">À propos de</a></li>
                    <li><a href="<%=request.getContextPath()%>/Site/Contact/contact.jsp"><span
                            class="glyphicon glyphicon-info-sign">&nbsp;</span>Contact</a>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle"
                                            data-toggle="dropdown">Activité <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#"><span class="glyphicon glyphicon-eye-open">&nbsp;</span>Consulter</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a href="#" class="dropdown-toggle"
                                            data-toggle="dropdown">Stage <b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="<%=request.getContextPath()%>/StageManagerServlet?id=0"><span
                                    class="glyphicon glyphicon-search">&nbsp;</span>Rechercher</a></li>
                            <li class="divider"></li>
                            <li><a href="<%=request.getContextPath()%>/StageManagerServlet?nouveaute=0"><span class="glyphicon glyphicon-flash">&nbsp;</span>Nouveautées</a></li>
                            <li class="divider"></li>
                            <li><a href="<%=request.getContextPath()%>/StageManagerServlet?promo=0"><span
                                    class="glyphicon glyphicon-exclamation-sign">&nbsp;</span>Promo
                                (Last minute)</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="<%=request.getContextPath()%>/Account/signin.jsp"><span
                            class="glyphicon glyphicon-pencil ">&nbsp;</span>S'Inscrire</a>
                    </li>
                    <li><a href="<%=request.getContextPath()%>/Account/login.jsp"><span
                            class="glyphicon glyphicon-log-in">&nbsp;</span>Se connecter</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<div class="container">
    <div class="jumbotron">
        <h1 class="h1 animation" style="text-decoration: underline;">Inscription</h1>
    </div>

    <br>

    <div class="table-responsive table-bordered"
         style="padding-left: 25px;">
        <form class="form-horizontal" action="#" method="post">
            <br>
            <label class="control-label ">Les champs avec<span class="text-danger">&nbsp;* </span> sont
                obligatoire.</label>
            <br>

            <p class="text-danger"></p>
            <br> <label>Nom: <span class="text-danger">*</span></label>
            <br> <input type="text" class="input-sm" size="40px" name="name" placeholder="Entrez votre nom"
                        required="required"/>
            <br>
            <br> <label>Prénom: <span class="text-danger">*</span></label>
            <br> <input type="text" name="firstname" class="input-sm" size="40px" placeholder="Entrez votre prénom"
                        required="required"/>
            <br>
            <br> <label>Adresse email: <span class="text-danger">*</span></label>
            <br> <input type="email" name="email" class="input-sm" size="40px" placeholder="Entrez votre adresse email"
                        required="required"/>
            <br>
            <br> <label>Nom d'utilisateur: <span class="text-danger">*</span></label>
            <br>
            <input type="text" name="Login" class="input-sm" size="40px" placeholder="Entrez votre nom d'utilisateur"
                   required="required"/>
            <br> <br>
            <label>Mot de passe: <span class="text-danger">*</span></label>
            <br>
            <input type="password" name="password" class="input-sm" size="40px" placeholder="Entrez votre mot de passe"
                   required="required"></input>
            <br>
            <br> <label> Confirmer votre mot de passe: <span class="text-danger">*</span></label>
            <br> <input type="password" name="password" class="input-sm" size="40px"
                        placeholder="Entrez de nouveau votre mot de passe" required="required"></input>
            <br>
            <br>
            <input type="checkbox" required="required"/><span>&nbsp;Je m'engage à respecter <a class="btn btn-primary"
                                                                                               data-toggle="modal"
                                                                                               data-target="#myModal"
                                                                                               href="#">les droits
            d'utilisations</a> du site</span>
            <br> <br>
            <input class="btn" type="submit" value="inscription"/>
            <br> <br>
        </form>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">Condition d'utilisation</h4>
            </div>
            <div class="modal-body">

                Accès au service
                <br>
                Le Service est accessible gratuitement à tout Utilisateur disposant d'un accès à internet. Tous les
                coûts afférents à l'accès au Service, que ce soient les frais matériels, logiciels ou d'accès à internet
                sont exclusivement à la charge de l'utilisateur. Il est seul responsable du bon fonctionnement de son
                équipement informatique ainsi que de son accès à internet.

                Certaines sections du site sont réservées aux Membres après identification à l'aide de leur Identifiant
                et de leur Mot de passe.

                AdventureSports se réserve le droit de refuser l'accès au Service, unilatéralement et sans notification
                préalable, à tout Utilisateur ne respectant pas les présentes conditions d'utilisation.

                GroupeRouge met en oeuvre tous les moyens raisonnables à sa disposition pour assurer un accès de qualité
                au
                Service, mais n'est tenu à aucune obligation d'y parvenir.

                GroupeRouge ne peut, en outre, être tenue responsable de tout dysfonctionnement du réseau ou des
                serveurs ou
                de tout autre événement échappant au contrôle raisonnable, qui empêcherait ou dégraderait l'accès au
                Service.

                GroupeRouge se réserve la possibilité d'interrompre, de suspendre momentanément ou de modifier sans
                préavis
                l'accès à tout ou partie du Service, afin d'en assurer la maintenance, ou pour toute autre raison, sans
                que l'interruption n'ouvre droit à aucune obligation ni indemnisation.
                Propriété intellectuelle
                <br>
                Les textes et illustrations dont la mention le précise sont soumis à la licence Creative Commons et
                peuvent sous certaines conditions être reproduits, distribués ou modifiés et ce, sans nécessairement en
                demander l'autorisation.
                <br>
                « AdventureSports » sont des marques déposées de GroupeRouge. Toute reproduction non autorisée
                de ces marques, logos et signes distinctifs constitue une contrefaçon passible de sanctions pénales. Le
                contrevenant s'expose à des sanctions civiles et pénales et notamment aux peines prévues aux articles L.
                335.2 et L. 343.1 du code de la Propriété Intellectuelle.
                <br><br>

                Données personnelles
                <br>
                <br>
                Dans une logique de respect de la vie privée de ses Utilisateurs, GroupeRouge s'engage à ce que la
                collecte
                et le traitement d'informations personnelles, effectués au sein du présent site, soient effectués
                conformément à la loi n°78-17 du 6 janvier 1978 relative à l'informatique, aux fichiers et aux libertés,
                dite Loi « Informatique et Libertés ». A ce titre, le site AdventureSports fait l'objet d'une
                déclaration à la CNIL sous le numéro 729280.
                <br>
                <br>
                Conformément à l'article 34 de la loi « Informatique et Libertés », GroupeRouge garantit à l'Utilisateur
                un
                droit d'opposition, d'accès et de rectification sur les données nominatives le concernant.
                L'Utilisateur a la possibilité d'exercer ce droit :
                sur le site, dans l'Espace membres ;
                en utilisant le formulaire de contact mis à sa disposition ;
                en rentrant directement en contact par l'adresse suivante : contact@AdventureSports.net.
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Fermer</button>
            </div>
        </div>
    </div>
</div>
<hr>
<footer class="fixed-bottom">
    <table style="width: 100%;">
        <tr>
            <td valign="middle" style="text-align: left">
            <td valign="bottom"
                style="text-decoration: underline; text-align: center;">
                Copyright <% out.print(now.get(Calendar.YEAR));%>
                Adventure Sports &copy; v0.1.0 by <span style="color: red;">Le Groupe Rouge</span>
            </td>
            <td valign="middle" style="text-align: right"></td>
        </tr>
    </table>
</footer>
<hr>
</body>
</html>